<template>
    <div class="pageHeader">
        <van-nav-bar :title="title" :fixed="fixed">
            <p v-if="showback" slot="left" class="nav_slot"><i class="iconfont icon-back"></i>返回</p>
            <slot name="left" slot="left"></slot>
            <slot name="title" slot="title"></slot>
            <slot name="right" slot="right"></slot>
        </van-nav-bar>
    </div>
</template>

<script>
export default {
    name: "pageHeader",
    components: {
    
    },
    props:{
        showback:{
            type:Boolean,
            default:true
        },
        title:{
            type:String,
            default:''
        },
        fixed:{
            type:Boolean,
            default:false
        }
    },
    data() {
        return {
            active:0,
        }
    },
    methods:{

    },
    mounted:function(){
        
    }
};
</script>

<style lang="less">
    .pageHeader{
        height: 46px;
        background-color: transparent;
        width: 100%;
        .van-nav-bar{
            box-shadow: 1px 0px 3px #ccc;
        }
    }
    .van-nav-bar__title{
        font-size: .44rem;
    }
    .nav_slot{
        font-size: .36rem;
        line-height: .6rem;
        color: #333;
        .iconfont{
            font-size: .6rem;
            vertical-align: bottom;
        }
    }
</style>
